//nodejs语法和js一模一样，模块
const path = require('path');
const Html = require('html-webpack-plugin');

//web 5大组成部分
module.exports = {
    // mode:'dev',
    entry:'./src/index.js',
    output:{
        path:path.resolve(__dirname,'./dist'),
        filename:'index.js'
    },
    //loader
    module:{
        rules:[
            //css
            {
                test:/\.css$/,
                use:["style-loader","css-loader"]
            }
            //图片
            //字体
        ]
    },
    //插件
    plugins:[
      new Html({
          //目标文件
          template:path.resolve(__dirname,'./src/index.html'),
          //打包后的
          filename:path.resolve(__dirname,'./dist/index.html')
      })
    ],
    //服务
    devServer:{
        //静态服务的目录
        contentBase:path.join(__dirname,'./dist'),
        compress:true,//进度条
        port:8080,//静态服务的端口号
        open:true //自动打开浏览器
    }
}